<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>内嵌样式</title>

        <!-- HTML注释: 通过 style 元素来嵌入 CSS -->
        <style type="text/css">
            /* CSS注释只有一种，可以在 style 元素内部使用 或 单独的 CSS文件中使用 */
            div { /* CSS声明块( CSS declarations block ) 开始 */
                color : blue ; /* 每个 属性(property) 的 属性名 和 属性值 之间使用 冒号 隔开，最后以 分号为结尾 */
                border : 1px red solid ; 
                background: yellow ; 
                font-size: 30px ;
            } /* CSS声明块结束 */
        </style>

    </head>
    <body>

        <div>
            所谓内嵌样式就是在HTML文档中通过 style 元素来声明样式。
            (内嵌样式也称作内部样式)
        </div>

        <p>注意，在 style 元素中如果仅仅设置了 div 的样式，则只有 div 元素才会生效</p>

        <div>
            我是div。
        </div>
        
    </body>
</html>